<template>
<div class="login-page" >
  <bgbubbles />
  <lang />
  <div class="login-body" >
    <div class="login-logo">
      <img  class="login-logo__img" :src="`${rootUrl}img/login/learuninfo.png`" />
    </div>
    <div class="login-sub-title">
      {{$t('')}}
    </div>
    <div class="login-form" >
      <userLogin v-show="!isca"></userLogin>
      <calogin v-show="isca"></calogin>

      <!-- <el-button type="success"  class="caButton" @click="toggleLogin()">{{isca?'账号passwordLogin':'CALogin'}}</el-button> -->
    </div>
  </div>
  <div class="login-footer" ></div>
</div>
</template>
<script>
import bgbubbles from "./bgbubbles"
import userLogin from "./userlogin"
import calogin from "../../../core/modules/other/views/ca/calogin.vue"
import Lang from "../index/header/lang"

export default {
  name: "login",
  components: {
    userLogin,
    Lang,
    bgbubbles,
    calogin
  },
  data () {
    return {
      isca:false
    };
  },
  created () {
  },
  mounted () { },
  computed: {
  },
  props: [],
  methods: {
    toggleLogin(){
      this.isca=!this.isca;
    },
  }
};
</script>

<style lang="scss">
@import "../../styles/login.scss";
</style>